<template>
  <div>
    <Nav v-show="$route.meta.showNav"/>
    <router-view></router-view>
    <Copyright v-show="this.$route.meta.showCopyright"/>
  </div>
</template>

<script>
import Copyright from './components/Copyright.vue'
import Nav from './components/Nav'
export default {
  name: 'App',
  components:{Nav,Copyright}
}
</script>

<style>
  
  .clear{
    clear:both;
  }
  .container{
    width: 1200px;
    margin: 0 auto;
  }
  .content{
    width: 1008px;
    margin: 0 auto;
  }
  .title{
    margin: 50px 0 20px 0;
    font-size:32px;
    text-align: center;
    font-family: '宋体';
  }
  img{
    max-width: 100%;
    cursor: pointer;
    border-radius: 4px;
    /* transition: all 0.6s;  */
  }
  /* img:hover{  
    transform: scale(1.1);  
  } */
  *,ul,li,span{
    margin: 0;
    padding: 0;
  }
  ul,li{
    list-style: none;
  }
  a{
    color: white;
    text-decoration: none;
  }
  i{
    color:#C69C6C;
    cursor: pointer;
  }
  button{
    background-color: #C69C6C; /* Green */
    border: none;
    color: rgba(255, 255, 255, 0.836);
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 4px;
    font-family:'微软雅黑';
  }
  button:hover{
    cursor: pointer;
    opacity: 0.8;
  }
  body{
    background: #F4F3F1;
    /* background: #F8F8F8; */
    /* background: #F4F4F4; */
  }
  select{
    border: 1px solid#21242E;
    border-radius: 4px;
    cursor: pointer;
    padding: 6px 10px;
    width: 174px;
  }
  input{
    cursor: pointer;
  }
  input[type='text'],input[type='password']{
    border: 1px solid #FFFFFF;
    height: 40px;
    background: #F8F6F6;
    padding-left: 30px;
    border-radius: 4px;
    cursor: pointer;
    color: #21242E;
    /* font-family:'宋体'; */
  }
  input[type='text']:focus,input[type='password']:focus,select:focus{
    border: 1px solid #C69C6C;
    outline: none;
  }
</style>